@import "~assets/styles/_bootstrap";

#user_apply_record {
  width: 100%;
  height: 100%;
  font-size: rem(17px);
  background-color: #F6F6F9;

  .red_span {
    color: $mainCol !important;
  }

  .apply_record_con {
    width: 100%;
    height: rem(612px);
    background-color: #fff;

    .item {
      font-size: rem(16px);
      min-height: 10px;

      &:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
      }

      &:after {
        position: absolute;
        right: rem(20px);
        top: rem(35px);
        display: inline-block;
        width: rem(12px);
        height: rem(12px);
        content: '';
        border-top: 1px solid #a9a9a9;
        border-right: 1px solid #a9a9a9;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
      }

      > a {
        display: flex;
        padding: rem(12px) rem(30px) rem(12px) rem(14px);

        > p {
          font-size: rem(17px);

          > span {
            display: block;
            line-height: rem(25px);
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

            &.normal_span {
              font-size: rem(14px)
            }

            &.gray_span {
              color: #999;
            }
          }
          &:first-child {
            flex: 1;

            > span {
              max-width: rem(220px);
            }
          }

          &:last-child {
            flex: 0 0 rem(110px);
            font-size: rem(15px);
            text-align: center;

            > span {
              max-width: rem(100px);
            }
          }
        }
      }
    }
  }
}